<template>
  <view>
    <u-popup :show="show" mode="center" :closeable="true" :round="12" @close="close">
      <view class="popDialog">
        <view class="desc">
          <image :src="$util.img('image/sanqi/scope.png')" alt=""></image>
          <text class="text-center">您当前地址已经超出我们的服务范围，请重新选择服务地址</text>
        </view>
        <!-- <view class="know" @click="confirm()">确定</view> -->
      </view>
    </u-popup>
  </view>
</template>

<script>
export default {
  name: "locationScope",
  props: {
    show: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {};
  },
  methods: {
    close() {
      this.$emit("close");
    },
    confirm() {
      this.$emit("close");
    },
    open() {},
  },
};
</script>

<style lang="scss" scoped>
.popDialog {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 640rpx;
  padding: 52rpx 0 20rpx;
  border-radius: 24rpx;
  // height: 332rpx;
  .desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 420rpx;
    image {
      width: 200rpx;
      height: 154rpx;
      margin-bottom: 10rpx;
    }
  }
  .know {
    width: 100%;
    text-align: center;
    font-size: 34rpx;
    border-top: 1px solid rgba(28, 39, 76, 0.1);
    margin-top: 30rpx;
    padding-top: 20rpx;
    height: 3rpx;
  }
}
</style>
